<%@ page language="C#" autoeventwireup="true" inherits="Licence, App_Web_supvbhfv" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

     <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Attendance Management System</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/menumaker.css">
    <link href="css/googleapis.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link href="css/material-dashboard.min1036.css" rel="stylesheet" type="text/css" />
    <style>
        body
        {
            font-family: 'Roboto' , sans-serif !important;
         
        }
        .container {
    max-width: 100% !important;
    margin-left: 90px !important;
margin-top: 0px !important;
}
        #cssmenu
        {
            font-family: 'Roboto' , sans-serif !important;
        }
        .card-body
        {
            background: #fff;
            padding-bottom: 15px;
        }
        .pricing-divider
        {
            border-radius: 20px;
            background: #C64545;
            padding: 1em 0 4em;
            position: relative;
        }
        .blue .pricing-divider
        {
            background: #2D5772;
        }
        .green .pricing-divider
        {
            background: #1AA85C;
        }
        .red b
        {
            color: #C64545;
        }
        .blue b
        {
            color: #2D5772;
        }
        .green b
        {
            color: #1AA85C;
        }
        .pricing-divider-img
        {
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 80px;
        }
        .deco-layer
        {
            -webkit-transition: -webkit-transform 0.5s;
            transition: transform 0.5s;
        }
        .btn-custom
        {
            background: #C64545;
            color: #fff;
            border-radius: 20px;
        }
        .img-float
        {
            width: 50px;
            position: absolute;
            top: -3.5rem;
            right: 1rem;
        }
        .princing-item
        {
            transition: all 150ms ease-out;
        }
        .princing-item:hover
        {
            transform: scale(1.05);
        }
        .princing-item:hover .deco-layer--1
        {
            -webkit-transform: translate3d(15px, 0, 0);
            transform: translate3d(15px, 0, 0);
        }
        .princing-item:hover .deco-layer--2
        {
            -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0);
        }
        ul li
        {
            margin-bottom: 1.4rem;
        }
        .bg-gradient
        {
            background: #C9D6FF;
            background: -webkit-linear-gradient(to right, #C9D6FF, #E2E2E2);
            background: linear-gradient(to right, #C9D6FF, #E2E2E2);
            padding-bottom: 50px;
        }
        .text-light
        {
            color: #f8f9fa !important;
            font-size: 22px;
        }
        .logo img
        {
            margin: 0px 0px 0px 0px;
            width: 210px;
            height: 96px;
            margin-top: -13px;
        }
        .logo
        {
            margin: 0px;
            padding: 0px 0px 2px 0px;
            position: relative;
            top: 0px;
        }
        #lblbrand
        {
            color: #4f4f51 !important;
            font-size: 25px;
            font-weight: 500;
            position: relative;
            top: 15px;
        }
        #navigation-menu li a:hover
        {
            background: #E15B11;
            color: #fff !important;
        }
        .active
        {
            background: #E15B11;
        }
        .active a
        {
            color: #fff !important;
        }
        #cssmenu > ul > li > a
        {
            padding: 15px;
            font-size: 15px;
            text-decoration: none;
            color: #666;
        }
        .card-body a
        {
            text-decoration: none;
            background: #E15B11;
            padding: 6px 26px;
            border-radius: 16px;
            color: #fff;
            font-size: 15px;
            font-weight: 500;
            box-shadow: 2px 2px 2px #00000080;
        }
        .mb-3
        {
            font-size: 35px;
        }
        .about-price
        {
            background: #fff;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 30px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 2px -1px 2px #0000005e;
            border-top: 5px solid #E15B11;
        }
        .about-price ul
        {
            list-style-type: none;
            padding-top: 20px;
        }
        .fa-hand-o-right
        {
            color: #E15B11;
        }
        .footer
        {
            background: #000;
            padding: 15px 20px;
            text-align: center;
            color: #fff;
        }
        
        th, td
        {
            border: 1px solid #cac4c4;
            padding: 5px;
            text-align: center;
        }
        table
        {
            width: 95%;
            margin-top: 15px;
            margin-bottom: 15px;
            margin-left: 13px;
        }
        #Label3
        {
         font-size:18px;   
        }
        
        select
        {
            color: #767676;
            background-color: #fafafa;
            border: 1px solid #dbdbdb;
            height: 50px;
            padding: 4px 20px;
            border-radius: 0;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        
        .panel
        {
            margin-bottom: 12px;
            background-color: #fff;
            border: 0px solid transparent;
            border-radius: 0px;
            -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
            box-shadow: 0 1px 1px rgba(0,0,0,.05);
        }
        .panel-heading
        {
            padding: 8px 15px;
            border-bottom: 0px solid transparent;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }
        .panel-body
        {
            padding: 20px;
            padding-bottom:0px !important;
        }
        .panel-primary > .panel-heading
        {
            color: #fff;
            background-color: #ff4800ed;
            border-color: #ff4800 !important;
        }
        .site-memubar-oattendred .price-panel-heading
        {
            background-color: #E31E24 !important;
        }
        .site-memubar-oattendgray .price-panel-heading
        {
            background-color: #4f4f51 !important;
        }
        .site-memubar-green .price-panel-heading
        {
            background-color: #74b177 !important;
        }
        .site-memubar-green1 .price-panel-heading
        {
            background: #11C26D !important;
        }
        .site-memubar-lightgreen .price-panel-heading
        {
            background: #6DA611 !important;
        }
        .site-memubar-red .price-panel-heading
        {
            background: #ef5350ed !important;
        }
        .site-memubar-advisionred .price-panel-heading
        {
            background: #bd1522 !important;
        }
        .site-memubar-oattendgray .price-panel-heading
        {
            background: #4f4f51 !important;
        }
        .site-memubar-blue .price-panel-heading
        {
            background: #00acc1 !important;
        }
        .site-memubar-lightblue .price-panel-heading
        {
            background: #3E8EF7 !important;
        }
        .site-memubar-pink .price-panel-heading
        {
            background: #f556ac !important;
        }
        .site-memubar-orange .price-panel-heading
        {
            background: #ff7038fa !important;
        }
        .site-memubar-black .price-panel-heading
        {
            background: #333232 !important;
        }
        .site-memubar-darkviolet .price-panel-heading
        {
            background: #c447f9 !important;
        }
        .site-memubar-magenta .price-panel-heading
        {
            background: #ff80ff !important;
        }
        .site-memubar-purple .price-panel-heading
        {
            background: #a552a5 !important;
        }
        .site-memubar-indigo .price-panel-heading
        {
            background: #824bab !important;
        }
        .site-memubar-gray .price-panel-heading
        {
            background: #757575 !important;
        }
        .site-memubar-bluegrey .price-panel-heading
        {
            background: #526069 !important;
        }
        .site-memubar-brown .price-panel-heading
        {
            background: #997B71 !important;
        }
        .site-memubar-yellow .price-panel-heading
        {
            background: #FFCD17 !important;
        }
        .site-memubar-teal .price-panel-heading
        {
            background: #17B3A3 !important;
        }
        .site-memubar-cyan .price-panel-heading
        {
            background: #0BB2D4 !important;
        }
        .btn-danger1
        {
            border:none !important;
            padding-left:30px !important; 
            padding-right:30px !important;
            padding:8px !important;
            width:100%;
            height:40px;
        }
        .ads {
    background: linear-gradient(#EC9F05,#FF4E00 ) !important;
    color: #fff !important;
    padding: 15px;
   height: 541px;
    margin-top: 15px;
      position: relative;
    right: 7px;
}
     
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <!-----Header----->

       <div style="box-shadow: 0 5px 5px -7px #333; margin-bottom: 0px;">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-2">
                         <div class="navbar-brand navbar-brand-center">
      <img  height="55" alt="Realtime" id="output" runat="server" />
        <%--<img class="navbar-brand-logo" src="images/logo.png" title="Remark">--%>
      </div>
                    </div>
                    <div class="col-lg-4">
                        <asp:Label ID="lblbrand" runat="server" Text="Label"></asp:Label>
                    </div>
                    <div class="col-md-6">
                        <div id="cssmenu" style="float: right">
                            <ul id="navigation-menu">
                                <li class="active"><a href="Default.aspx"><i class="fa fa-home"></i>&nbsp;Home</a></li>
                                <!-- <li><a href="contact-us.html">Contact Us</a></li>-->
                                <li><a href="#"><i class="fa fa-envelope-o"></i>&nbsp;&nbsp;<asp:Label ID="lblemail"
                                    runat="server" Text=""></asp:Label></a></li>
                                <li><a href="#"><i class="fa fa-phone"></i>&nbsp;&nbsp;<asp:Label ID="lblphoneno"
                                    runat="server" Text=""></asp:Label></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <!-----End Header---->
    <!-------Registration----->
    <div style="background: linear-gradient(to right, #C9D6FF, #E2E2E2);">
    <div class="container-fluid">
    <div class="row">
    <div class="col-lg-3">
    <a href="3">
   <a href="https://realtimebiometrics.com/pay"> <img src="images/imgpay1.png"/ style="height:542px; width:340px; margin-top:15px; margin-left:-6px;"></a>
 
 
    </div>
    </a>
    <div class="col-lg-6" style="margin-top:15px;">
     <div class="panel panel-primary">
      <div class="panel-heading"> <asp:Label ID="Label3" runat="server" Text="Registration Form" 
         ></asp:Label></div>
      <div class="panel-body">
      
      <div class="form-group">
    <b><asp:Label ID="Label1" runat="server" Font-Size="12pt" Text="Organization Detail"></asp:Label></b>
     <asp:TextBox ID="txtCompanyName" runat="server"  CssClass="form-control" ></asp:TextBox>
  </div>

   <div class="form-group">
    <b><asp:Label ID="Label2" runat="server" Font-Size="12pt" Text="Address"></asp:Label></b>
        <asp:TextBox ID="txtaddress" runat="server" CssClass="form-control"></asp:TextBox>
  </div>

   <div class="form-group">
   <b><asp:Label ID="Label7" runat="server" Font-Size="12pt" Text="Email-ID"></asp:Label></b>
  <asp:TextBox ID="txtEmail" runat="server" CssClass="form-control"></asp:TextBox>
  </div>

   <div class="form-group">
      <b><asp:Label ID="Label6" runat="server" Font-Size="12pt" Text="Phone No."></asp:Label></b>
      <asp:TextBox ID="txtphoneno" runat="server" CssClass="form-control" ></asp:TextBox>
  </div>

<%--           <div class="form-group" >
      <b><asp:Label ID="Label8" runat="server" Font-Size="12pt" Text="Select Product Mudule"></asp:Label></b>
     <asp:DropDownList ID="DropDownList1" runat="server" TabIndex="5" class="form-control">
                            </asp:DropDownList>
  </div>--%>


   <div class="form-group">
    <b><asp:Label ID="Label4" runat="server" Font-Size="12pt" Text="Serial No"></asp:Label></b>
        <asp:TextBox ID="TextBox1" runat="server"  CssClass="form-control" Enabled="False" ></asp:TextBox>
  </div>
   <div class="form-group">
      <b><asp:Label ID="Label5" runat="server"  Font-Size="12pt" Text="Registration key"></asp:Label></b>
    <asp:TextBox ID="TextBox2" runat="server" CssClass="form-control"></asp:TextBox>
  </div>
  <div class="form-group" style="text-align:center">
     <asp:Button ID="Button2" runat="server"  OnClick="Button2_Click" Text="Register"  CssClass="Btn btn-success btn-danger1"/>
     
  </div>
      
      </div>
    </div>

   
       
    
    </div>
    <div class="col-lg-3 ads">
    
    <!----permotion----->
          <img src="images/white-logo.png" class="img-responsive"> 
<br>
<!--<div style="background-image:url('upload/1.png'); background-repeat:no-repeat;">
<video width="34%" height="320" autoplay muted style="position:relative; top:-18px; left:31px">
  <source src="upload/3.mp4" type="upload/mp4">
  Your browser does not support HTML5 video.
</video>
</div>-->
<!--<div style="background-image:url('upload/2.png'); background-repeat:no-repeat; background-size: contain;">
 <video width='92%' height='320' autoplay muted style='margin-left: 16px; margin-top: -16px;' class='video-soft'>
                <source src='https://onlinerealsoft.com/Downloads/3.mp4' type='video/mp4'>
                    Your browser doesn't support HTML5 video tag.
                </video>
</div><br>--->

          <!--<img src="upload/realtime-t502w.png" class="img-responsive">-->
           <!--- <div id="randomImage"><a href=""></a></div>--->
<h3>Biometric Attendance Machine</h3>
     <script type="text/javascript">
         //Javascript Created by Computerhope https://www.computerhope.com/
         //store the quotations in arrays
         var images = [],
index = 0;

         images[0] = "<div style='background-image:url(images/2.png); background-repeat:no-repeat; background-size: contain;'><video width='92%' height='335' autoplay muted style='margin-left: 10px; margin-top: -64px;' class='video-soft'><source src='https://onlinerealsoft.com/Downloads/4.mp4' type='video/mp4'>Your browser doesn't support HTML5 video tag.</video></div>";
         images[1] = "<div style='background-image:url(images/2.png); background-repeat:no-repeat; background-size: contain;'><video width='92%' height='335' autoplay muted style='margin-left: 10px; margin-top: -64px;' class='video-soft'><source src='https://onlinerealsoft.com/Downloads/6.mp4' type='video/mp4'>Your browser doesn't support HTML5 video tag.</video></div>";

         index = Math.floor(Math.random() * images.length);
         document.write(images[index]);
         //done
</script>
<p style="margin-top:-20px;">Realtime, Realtime Biometrics, time tracking, time keeping, time and attendance, access control, biometrics, fingerprint recognition, face recognition, smart lock, turnstile,  IOS Apps Attendance, Andriod Apps Attendance, fingerprinting, identification systems</p>
</div>

   

    <!----End Permotion----->
    
    </div>
    
    </div>
    </div>
    </div>
    <!------End Registration---->
  
   
    </div>
    </form>
</body>
</html>
